<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="images">
        <img class="one" src="images/logo.png">
    </div>
    <div class="header">
        <div class=" center container">
            <a href="#">首页</a>
            <a href="#">咨询</a>
            <a href="#">测评</a>
            <a href="#">商城</a>
            <div class="start">
                <i class="icon"></i>
                <span class="text first">深圳</span>
                <span class="text"><切换></span>
            </div>
            <div class="person">
                <span class="icon"></span>
                <span class="adm">个人中心</span>
            </div>
        </div>
    
    </div>
    <p class="one-p">首页 > 预防装修污染 > 材料库</p>
    <div class="center text1">
        <div class="text1-one">
            <ul>
                <li class="col">类别</li>  <li>全部</li>  <li class="col2">地板</li>  <li>涂料</li>  <li>墙纸</li>  <li>瓷砖</li>  <li>粘胶剂</li>  <li>油漆</li>  <li>家具</li>  <li>板材</li>  <li>饰品</li>
                <a href="#"><img src="images/indexSelect.png"></a>
            </ul>
        </div>
        <div class="text1-two">
            <ul>
                <li class="col">类型</li>  <li>全部</li>  
            </ul>
        </div>
        <div class="text1-three">
            <ul>
                <li class="col">材质</li>  <li>全部</li>  <li class="col2">实木</li>  <li>复合</li>  <li>强化</li>  <li>其他</li>  
            </ul>
        </div>
        <div class="text1-four">
            <ul>
                <li class="col">品牌</li>  <li>全部</li>  <li class="col2">圣象</li>  <li>大自然</li>  <li>生活家</li>  <li>北美枫情</li>  <li>德尔</li>  <li>博典</li>  <li>船王</li>  
            </ul>
        </div>
    </div>

    <div class="center text2">
        <div class="text2-one">
            <ul class="wrap-font">
             <li class="font">发布时间  <a href="#"><img src="images/downicon.png" alt=""></a></li>
             <li class="font">价格  <a href="#"><img src="images/upicon.png" alt=""></a></li> 
             <li class="font">环保节能  <a href="#"><img src="images/upicon.png" alt=""></a></li></li>
            </ul>
        </div>
        <div class="text2-two">
            <input type="text" class="search-input" placeholder="搜索">
            <button class="search-btn1"></button>
            <button class="search-btn">搜索</button>
        </div>
        <div  class="text2-three">
            <ul class="wrap-hang">
                <li class="hang"><img src="images/wenhao.png" alt=""> 了解家居医生建材环保评级标准</li>
            </ul>
        </div>               
    </div>

    <div class="content center">
        <div class="contentOne row">
            <div class="five">
                <div class="one_content center">
                    <img class="img2" src="images/data_image.png" alt=""/>
                    <p class="row-e">德尔  都市系列</p>
                    <p class="row-e">木地板 - 复合地板</p>
                    <p class="row-e">单价：128元/㎡</p>
                    <p class="row-p">环保评级：B （可以使用）</p>
                </div>
            </div>
            <div class="five">
                <div class="one_content center">
                    <img class="img2" src="images/data_image.png" alt=""/>
                    <p class="row-e">德尔  都市系列</p>
                    <p class="row-e">木地板 - 复合地板</p>
                    <p class="row-e">单价：128元/㎡</p>
                    <p class="row-p">环保评级：B （可以使用）</p>
                </div>
            </div>
            <div class="five">
                <div class="one_content center">
                    <img class="img2" src="images/data_image.png" alt=""/>
                    <p class="row-e">德尔  都市系列</p>
                    <p class="row-e">木地板 - 复合地板</p>
                    <p class="row-e">单价：128元/㎡</p>
                    <p class="row-p">环保评级：B （可以使用）</p>
                </div>
            </div>
            <div class="four">
                <div class="one_content center">
                    <img class="img2" src="images/data_image.png" alt=""/>
                    <p class="row-e">德尔  都市系列</p>
                    <p class="row-e">木地板 - 复合地板</p>
                    <p class="row-e">单价：128元/㎡</p>
                    <p class="row-p">环保评级：B （可以使用）</p>
                </div>
            </div>
            <div class="two">
                <div class="one_content center">
                    <img class="img2" src="images/data_image.png" alt=""/>
                    <p class="row-e">德尔  都市系列</p>
                    <p class="row-e">木地板 - 复合地板</p>
                    <p class="row-e">单价：128元/㎡</p>
                    <p class="row-p">环保评级：B （可以使用）</p>
                </div>
            </div>
            <div class="two">
                <div class="one_content center">
                    <img class="img2" src="images/data_image.png" alt=""/>
                    <p class="row-e">德尔  都市系列</p>
                    <p class="row-e">木地板 - 复合地板</p>
                    <p class="row-e">单价：128元/㎡</p>
                    <p class="row-p">环保评级：B （可以使用）</p>
                </div>
            </div>
            <div class="two">
                <div class="one_content center">
                    <img class="img2" src="images/data_image.png" alt=""/>
                    <p class="row-e">德尔  都市系列</p>
                    <p class="row-e">木地板 - 复合地板</p>
                    <p class="row-e">单价：128元/㎡</p>
                    <p class="row-p">环保评级：B （可以使用）</p>
                </div>
            </div>
            <div class="three">
                <div class="one_content center">
                    <img class="img2" src="images/data_image.png" alt=""/>
                    <p class="row-e">德尔  都市系列</p>
                    <p class="row-e">木地板 - 复合地板</p>
                    <p class="row-e">单价：128元/㎡</p>
                    <p class="row-p">环保评级：B （可以使用）</p>
                </div>
            </div>
        </div>
    </div>

    <div class="center text3">
        <div class="text3-one">
                <a href="#" class="text3-two">上一页</a> 
                <a href="#" class="chao1">1</a>
                <a href="#" class="chao2">2</a>
                <a href="#" class="chao3">3</a>
                <a href="#" class="chao4">4</a>
                <a href="#" class="chao5">5</a>
                <a href="#" class="text3-five">下一页</a>
            <div class="text3-three">
                <div class="int">共有十页，去掉第 &nbsp;&nbsp;<input class="number" type="text">&nbsp;&nbsp;页</div> 
            </div>
            <div class="text3-four"><button class="button2">提交</button></div>
    </div>

    <div class="QR-code">
        <div class="image2"><img src="images/small_weixin.png" alt=""></div> 
        <div class="word">
            <p class="QR-p">建材检测&nbsp;需求反馈</p>
            <br>
            <p>亲爱的用户，我们正在不断完善和更新建材库，</p>
            <br>
            <p>若没有找到您想要的信息，请将您想测的建材告诉我们。</p>
        </div>
    </div>       
</div>
<div class="bottom">
    <div class="bottom1">
        <div class="bottom-left">
           <img src="images/footerLogo.png" alt="">
           <p><strong>为室内环境健康把好每一关</strong></p>
           <p>家居医生致力于中国人的家居健康问题，通过专业的技术研究<br>和测评，倾力协助大众打造绿色、环保的人居生活环境。</p>
        </div>
        <div class="bottom-right">
            <ul class="bottom-right-1">
                <li><a href="#">关于我们</a></li>
                <li><a href="#">版权说明</a></li>
                <li class="li-right"><img src="images/weixin2.png" alt=""><a href="#">官方微信</a></li>
            </ul>
            <ul class="bottom-right-1">
                <li><a href="#">联系我们</a></li>
                <li><a href="#">用户隐私</a></li>
                <li class="li-right"><img src="images/tianmao.png" alt="">
                <a href="#">天猫旗舰店</a></li>
            </ul>
            <ul class="bottom-right-1">
                <li><a href="#">加入我们</a></li>
                <li><a href="#">免责声明</a></li>
                <li class="li-right"><img src="images/shop.png" alt="">
                <a href="#">有赞商城</a></li>
            </ul>
        </div>
        <div class="line">

        </div>
        <div class="end">
            <p class="end-p">深圳建筑科学研究院股份有限公司&nbsp;&nbsp;家居医生网</p>
            <p>粤ICP08011321号@Copyright All Rights Reserved</p>
        </div>
    </div>
</div>

</body>
</html>